<div class="modal" id="personalevents" ng-controller="personaleventscontroller">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h4 class="modal-title">{{ Events_PersonalEvents }}</h4>
			</div>
			<div class="modal-body">
				<div class="container">
					<div>
						<img ng-show="loadingPersonalEvents" style="width:25px;height:25px" alt="{{ Main_Loading }}" src="Resources/Pictures/ajax-loader.gif" />
						<div class="widget-box" id="recent-box" ng-hide="loadingPersonalEvents">
							<div class="widget-body">
								<table>
									<tr>
										<th> {{ Events_Event }} </th>
										<th> {{ Events_IsPartner }} </th>
									</tr>
									<tr ng-repeat="eventsubscription in personalevents">
										<td>#{{ eventsubscription.Id }} {{ eventsubscription.Event.Title }} {{ eventsubscription.Event.StartDate }}</td>
										<td><input type="checkbox" ng-model="participant.IsPartner" ng-click="participantIsPartnerCommand(participant)"/></td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<div id="personalInformationsMessage" class="alert alert-{{ messageType }} alert-dismissible" role="alert" ng-show="personalInformationsMessageVisible">
					<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					{{ messageLabel }}
				</div>
			</div>
		</div>
	</div>
</div>